<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Furnished - 主页</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>

<header>
    <div class="contact">
        <span>联系我们：</span>
        <span>( 028 )</span>
        <span>8888888</span>
    </div>
    <nav>
        <ul class="menu-list">
            <li><a href="index.html">主页</a></li>
            <li><a href="about.html">关于</a></li>
            <li><a href="blogs.html">博客</a></li>
            <li><a href="display.html">展示</a></li>
            <li><a href="contact.html">联系我们</a></li>
        </ul>
    </nav>
    <div class="banner"></div>
    <div class="logo"></div>
    <div class="welcome">
        <div class="img"></div>
        <div class="welcome-box">
            <h1>欢迎您来到家居设计</h1>
            <p>我们不相信会有完美无缺的家，但是我们相信能够完美彰显房子主人的风格特点。在家里，一切风格和功能有了这些创新和灵感，就可以打造出一方你喜欢称其为家的空间。
            </p>
        </div>
    </div>
</header>

<main class="content">
    <div class="about">
        <h1 class="title">关于</h1>
        <p>我们不相信会有完美无缺的家，但是我们相信能够完美彰显房子主人的风格特点。在家里，一切风格和功能有了这些创新和灵感，就可以打造出一方你喜欢称其为家的空间</p>
    </div>
    <div class="new-design">
        <h1 class="title">最新设计</h1>
        <div class="img-box">
            <img src="imgs/1.png">
            <img src="imgs/1.png">
            <img src="imgs/1.png">
            <img src="imgs/2.png">
            <img src="imgs/2.png">
            <img src="imgs/2.png">
        </div>
    </div>
    <div class="des">
        <img src="imgs/quote.jpg" alt="">
        <p class="text">银器需要抛光的家具，可以用一个好的除尘，现今我们越来越注重环保的生活方式。我们不像以前一样经常买，买，买，而是最大化的利用家中现有物品。</p>
    </div>
    <div class="tec-service">
        <h1 class="title">技术服务</h1>
        <div class="details-box">
            <section class="details-item">
                <h1>
                    <span>01/</span>
                    <span>家居</span>
                </h1>
                <img src="imgs/ww1.jpg">
                <p>基本上没有人喜欢手忙脚乱的清晨时光，尤其是你还在和父母共用一间浴室时，还有家里的兄弟姐妹。</p>
                <a href="javascript:void(0);">阅读更多</a>
            </section>
            <section class="details-item">
                <h1>
                    <span>01/</span>
                    <span>商务</span>
                </h1>
                <img src="imgs/ww1.jpg">
                <p>基本上没有人喜欢手忙脚乱的清晨时光，尤其是你还在和父母共用一间浴室时，还有家里的兄弟姐妹。</p>
                <a href="javascript:void(0);">阅读更多</a>
            </section>
            <section class="details-item">
                <h1>
                    <span>01/</span>
                    <span>住宅</span>
                </h1>
                <img src="imgs/ww1.jpg">
                <p>基本上没有人喜欢手忙脚乱的清晨时光，尤其是你还在和父母共用一间浴室时，还有家里的兄弟姐妹。</p>
                <a href="javascript:void(0);">阅读更多</a>
            </section>
            <section class="details-item">
                <h1>
                    <span>01/</span>
                    <span>豪华</span>
                </h1>
                <img src="imgs/ww1.jpg">
                <p>基本上没有人喜欢手忙脚乱的清晨时光，尤其是你还在和父母共用一间浴室时，还有家里的兄弟姐妹。</p>
                <a href="javascript:void(0);">阅读更多</a>
            </section>
        </div>
    </div>
</main>

<footer>
    <ul class="fmenu-list">
        <li>
            <h1>信息</h1>
            <ul class="fsubmenu-list">
                <li><a href="javascript:void(0);">主页</a></li>
                <li><a href="javascript:void(0);">博客</a></li>
                <li><a href="javascript:void(0);">关于</a></li>
                <li><a href="javascript:void(0);">我们</a></li>
                <li><a href="javascript:void(0);">联系</a></li>
            </ul>
        </li>
        <li>
            <h1>类别</h1>
            <ul class="fsubmenu-list">
                <li><a href="javascript:void(0);">普通住宅</a></li>
                <li><a href="javascript:void(0);">商务办公</a></li>
                <li><a href="javascript:void(0);">正常家居</a></li>
                <li><a href="javascript:void(0);">豪华装修</a></li>
                <li><a href="javascript:void(0);">个性化设计</a></li>
            </ul>
        </li>
        <li>
            <h1>我的账号</h1>
            <ul class="fsubmenu-list">
                <li><a href="javascript:void(0);">博客</a></li>
                <li><a href="javascript:void(0);">关于</a></li>
            </ul>
        </li>
        <li>
            <h1>快讯</h1>
            <form action="">
                <input type="text" placeholder="请输入你的邮箱">
                <span class="img"></span>
            </form>
        </li>
    </ul>
    <p class="copryRight">Copyright © 公司所有的注册名称和服务</p>
</footer>

</body>
</html>












































